<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/common/taglib.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>XForm演示示例 - x-form.com</title>

<link href='<s:url value="/script/dwz/themes/default/style.css" />' rel="stylesheet" type="text/css" />
<link href='<s:url value="/script/dwz/themes/css/core.css" />' rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href='<s:url value="/script/dwz/themes/css/ieHack.css" />' rel="stylesheet" type="text/css" />
<![endif]-->

<!-- jQuery lib -->
<script src='<s:url value="/script/jquery/jquery-1.4.2.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/jquery/plugins/jquery.cookie.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/jquery/plugins/jquery.validate.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/jquery/plugins/jquery.bgiframe.js" />' type="text/javascript"></script>

<!-- dwz lib -->
<script src='<s:url value="/script/dwz/dwz.core.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.util.date.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.validate.method.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.regional.zh.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.barDrag.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.drag.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.tree.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.accordion.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.ui.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.theme.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.switchEnv.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.alertMsg.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.contextmenu.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.navTab.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.tab.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.resize.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.jDialog.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.dialogDrag.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.cssTable.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.stable.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.taskBar.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.ajax.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.pagination.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.database.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.datepicker.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.effects.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.panel.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.checkbox.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.history.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/dwz.combox.js" />' type="text/javascript"></script>
<script src='<s:url value="/script/dwz/i18n/dwz.regional.zh.js" />' type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	DWZ.init('<s:url value="/script/dwz/dwz.frag.xml" />', {
		// 根据页面元素生成
//		loginUrl:"loginsub.html", loginTitle:"登录",	// 弹出登录对话框
		statusCode:{ok:200, error:300, timeout:301}, //【可选】
		pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】
		debug:false,	// 调试模式 【true|false】
		callback:function(){
			initEnv();
		}
	});
});
</script>
</head>

<body>
	<div id="layout">
		<!-- 上边区域 -->
		<div id="header">
			<div class="headerNav">
			</div>
		</div>
		<!-- 左边区域 -->
		<div id="leftside">
			<div id="sidebar_s">
				<div class="collapse">
					<div class="toggleCollapse"><div></div></div>
				</div>
			</div>
			<div id="sidebar">
				<!-- 左边区域收缩 -->
				<div class="toggleCollapse"><h2>主菜单</h2><div>收缩</div></div>
				<!-- 折叠效果 -->
				<div class="accordion" fillSpace="sidebar">
					<!-- 折叠1-->
					<div class="accordionHeader">
						<h2><span>Folder</span>界面组件</h2>
					</div>
					<div class="accordionContent">
						<ul class="tree treeFolder">
							<li>
								<a href="tabsPage.html" target="navTab">主框架面板</a>
								<ul>
									<li><a href='<s:url action="create" namespace="/core/form" />' target="navTab" rel="main">我的表单</a></li>
									<li><a href='<s:url action="list" namespace="/core/form" />' target="navTab" rel="page1">表单列表</a></li>
									<li><a href='<s:url value="/core/workflow/Design.jsp" />' target="navTab" rel="page2" >流程编辑器</a></li>
									<li><a href="demo_page2.html" target="navTab" rel="page3">页面二</a></li>
									<li><a href="demo_page4.html" target="navTab" rel="page4" title="页面三（自定义标签名）">页面三</a></li>
									<li><a href="demo_page4.html" target="navTab" rel="page5" fresh="false">测试页面（fresh="false"）</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<!-- 折叠2-->
					<div class="accordionHeader">
						<h2><span>Folder</span>典型页面</h2>
					</div>
					<div class="accordionContent">
						<ul class="tree treeFolder treeCheck">
							<li><a href="demo_page1.html" target="navTab" rel="demo_page1">查询我的客户</a></li>
							<li><a href="demo_page1.html" target="navTab" rel="demo_page2">表单查询页面</a></li>
							<li><a href="demo_page4.html" target="navTab" rel="demo_page4">表单录入页面</a></li>
							<li><a href="demo_page5.html" target="navTab" rel="demo_page5">有文本输入的表单</a></li>
							<li><a href="javascript:void(0)">有提示的表单输入页面</a>
								<ul>
									<li><a href="javascript:void(0)">页面一</a></li>
									<li><a href="javascript:void(0)">页面二</a></li>
								</ul>
							</li>
							<li><a href="javascript:void(0)">选项卡和图形的页面</a>
								<ul>
									<li><a href="javascript:void(0)">页面一</a></li>
									<li><a href="javascript:void(0)">页面二</a></li>
								</ul>
							</li>
							<li><a href="javascript:void(0)">选项卡和图形切换的页面</a></li>
							<li><a href="javascript:void(0)">左右两个互动的页面</a></li>
							<li><a href="javascript:void(0)">列表输入的页面</a></li>
							<li><a href="javascript:void(0)">双层栏目列表的页面</a></li>
						</ul>
					</div>
					<!-- 折叠3-->
					<div class="accordionHeader">
						<h2><span>Folder</span>流程演示</h2>
					</div>
					<div class="accordionContent">
						<ul class="tree">
							<li><a href="newPage1.html" target="dialog" rel="dlg_page">列表</a></li>
							<li><a href="newPage1.html" target="dialog" rel="dlg_page">列表</a></li>
							<li><a href="newPage1.html" target="dialog" rel="dlg_page2">列表</a></li>
							<li><a href="newPage1.html" target="dialog" rel="dlg_page2">列表</a></li>
							<li><a href="newPage1.html" target="dialog" rel="dlg_page2">列表</a></li>
						</ul>
					</div>
				</div>

			</div>
		</div>
		<!-- 右边区域 -->
		<div id="container">
			<div id="navTab" class="tabsPage">
				<!-- 页签头 -->
				<div class="tabsPageHeader">
					<div class="tabsPageHeaderContent"><!-- 显示左右控制时添加 class="tabsPageHeaderMargin" -->
						<ul class="navTab-tab">
							<li tabid="main" class="main"><a href="javascript:void(0)"><span><span class="home_icon">我的主页</span></span></a></li>
						</ul>
					</div>
					<div class="tabsLeft">left</div><!-- 禁用只需要添加一个样式 class="tabsLeft tabsLeftDisabled" -->
					<div class="tabsRight">right</div><!-- 禁用只需要添加一个样式 class="tabsRight tabsRightDisabled" -->
					<div class="tabsMore">more</div>
				</div>
				<!-- 右侧页签列表 -->
				<ul class="tabsMoreList">
					<li><a href="javascript:void(0)">我的表单</a></li>
				</ul>
				<!-- 页签内容  -->
				<div class="navTab-panel tabsPageContent">
					<div class="page">
					</div>
				</div>
			</div>
		</div>
		
		<!-- 页签左右移动 -->
		<div id="taskbar" style="left:0px; display:none;">
			<div class="taskbarContent">
				<ul></ul>
			</div>
			<div class="taskbarLeft taskbarLeftDisabled" style="display:none;">taskbarLeft</div>
			<div class="taskbarRight" style="display:none;">taskbarRight</div>
		</div>
		<div id="splitBar"></div>
		<div id="splitBarProxy"></div>
	</div>

	<div id="footer">Copyright &copy; 2011 <a href="demo_page2.html" target="dialog">XForm研发组</a></div>

	<!--拖动效果-->
	<div class="resizable"></div>
	<!--遮盖屏幕-->
	<div id="alertBackground" class="alertBackground"></div>
	<div id="dialogBackground" class="dialogBackground"></div>

	<div id='background' class='background'></div>
	<div id='progressBar' class='progressBar'>数据加载中，请稍等...</div>
</body>
</html>